.darf {font-size:41px;color:#eee; /*Level 1*/text-shadow:0 1px 0px #fff,0 2px 0px #ddd,0 3px 0px #ccc,0 4px 0px #bbb,0 5px 0px #aaa,0 6px 0px #999,0 7px 0px #888,0 8px 0px #777,0 9px 0px #666,0 10px 0px #555,0 11px 5px rgba(0, 0, 0, 0.4),0 15px 15px rgba(0, 0, 0, 0.4);}
#header h1{margin:27px 0 10px 30px}
#header p {font:normal 0/0 a;text-shadow:none;margin:27px 0px 10px 30px}
#header a{text-decoration:none}
#header a:hover{color:#eee}
#header img{margin-left:auto;margin-right:auto}
#Iklan-dharla-1{margin-top:25px; padding:0px; text-align:center}
#Iklan-dharla-1 img{width:250px; height:250px; text-align:center; opacity:.5; filter:alpha(opacity=100); this.style.opacity=1}
#Iklan-dharla-1 img:hover{opacity:1; filter:alpha(opacity=1); this.style.opacity=6}
#ribbon-top {
position:absolute;
position:fixed;
top:-5px;
right:-5px;
background:#a0a0a0;
background:-webkit-linear-gradient(left,#a1a1a1,#a0a0a0);
background:-moz-linear-gradient(left,#a1a1a1,#a0a0a0);
background:-ms-linear-gradient(left,#a1a1a1,#a0a0a0);
background:-o-linear-gradient(left,#a1a1a1,#a0a0a0);
background:linear-gradient(left,#a1a1a1,#a0a0a0);
border:1px dashed #eee;
width:250px;
padding:12px 0;
text-align:center;
color:#fff;
font:bold 16px Cambria,Georgia,Serif;
font-style:italic;
text-shadow:0px 1px 3px rgba(0,0,0,0.4);
-webkit-transform:rotate(45deg) translate(72px,-7px);
-moz-transform:rotate(45deg) translate(72px,-7px);
-ms-transform:rotate(45deg) translate(72px,-7px);
-o-transform:rotate(45deg) translate(72px,-7px);
transform:rotate(45deg) translate(72px,-7px);
-webkit-box-shadow:0px 3px 0px #a2a2a2,0px -3px 0px #a2a2a2,0px 4px 4px rgba(0,0,0,0.4);
-moz-box-shadow:0px 3px 0px #a2a2a2,0px -3px 0px #a2a2a2,0px 4px 4px rgba(0,0,0,0.4);
box-shadow:0px 3px 0px #a2a2a2,0px -3px 0px #a2a2a2,0px 4px 4px rgba(0,0,0,0.4);
}
#ribbon-top a{color:white;
}
#ribbon-top a:hover{color:#066696;
}
@-webkit-keyframes{
from{-webkit-transform:rotate(-30deg);opacity:0;}
to{-webkit-transform:rotate(0deg);opacity:1;}
}
@-moz-keyframes{
from{-moz-transform:rotate(-30deg);opacity:0;}
to{-moz-transform:rotate(0deg);opacity:1;}
}
@keyframes{
from{transform:rotate(-30deg);opacity:0;}
to{transform:rotate(0deg);opacity:1;}
}
@media (max-width:1024px){
#ribbon-top {display:none}
}
@media (max-width:700px){
#ribbon-top {display:none}
}    